<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户中心-消息</title>
    <link rel="icon shortcut" type="image/x-icon" href="../../img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../css/common/common.css">
    <link rel="stylesheet" type="text/css" href="../../css/common/usercommon.css">	
    <link rel="stylesheet" type="text/css" href="../../css/require-message.css">
</head>
<body>
<div id="web">
    <!--导航栏-->
    <div class="fixnav nav clearfix">
        <div id="container" class="clearfix">
            <div class="logo fl"></div>
            <div class="navlist fl">
                <div id="navBtn" class="navicon iconfont">&#xe613;<span>首页</span></div>
                <ul class="clearfix">
                    <li>
                        <a href="../../index.html">首页</a>
                    </li>
                    <li>
                        <a href="../dlibrary.html">设计库</a>
                    </li>
                    <li>
                        <a href="../dexpress.html">快讯</a>
                    </li>
                    <li>
                        <a href="">视频</a>
                    </li>
                    <li>
                        <a href="../classic.html">案例</a>
                    </li>
                </ul>
            </div>
            <div class="navlogin active fl clearfix">
                <!--未登录-->
                <div class="no-login fr">
                    <div class="user-login">
                        <a href="javascript:void(0)">登录</a>
                    </div>
                </div>
                <!--已登录-->
                <div class="a-login fr">
                    <!--退出图标按钮-->
                    <div class="btn-exit fr"></div>
                    <span class="user-name fr"><a href="">来设计有限公司</a></span>
                    <div class="news fr"><span class="news-num">1</span></div>
                </div>
                <form action="" method="get">
                    <div class="select-main">
                        <div class="select-arrow reverse"></div>
                        <div class="select-set nav-select">设计作品</div>
                        <div class="select-block">
                            <ul class="select-list">
                                <li class="select-items active">设计作品</li>
                                <li class="select-items">服务方</li>
                            </ul>
                        </div>
                    </div>
                    <input class="search" type="text" name="keyword" placeholder="请输入搜索关键字" />
                    <button type="submit" class="submit"></button>
                </form>
            </div>
        </div>
    </div>
    <!--跟随导航栏-->
    <div class="scrollNav nav clearfix">
        <div id="container" class="clearfix">
            <div class="logo fl"></div>
            <div class="navlist fl">
                <div id="navBtn" class="navicon iconfont">&#xe613;<span>首页</span></div>
                <ul class="clearfix">
                    <li class="active">
                        <a href="../../index.html">首页</a>
                    </li>
                    <li>
                        <a href="../dlibrary.html">设计库</a>
                    </li>
                    <li>
                        <a href="../dexpress.html">快讯</a>
                    </li>
                    <li>
                        <a href="">视频</a>
                    </li>
                    <li>
                        <a href="../classic.html">案例</a>
                    </li>
                </ul>
            </div>
            <div class="navlogin clearfix">
                <div class="no-login fr">
                    <div class="user-login">
                        <a href="javascript:void(0)">登录</a>
                    </div>
                    <!--成为服务方-->
                    <div class="btn-join"></div>
                </div>
                <div class="a-login fr">
                    <!--退出图标按钮-->
                    <div class="btn-exit fr"></div>
                    <span class="user-name fr"><a href="">来设计有限公司</a></span>
                    <div class="news fr"><span class="news-num">1</span></div>
                </div>
                <!--发布需求-->
                <div class="btn-publish"></div>
                <form class="search-form" action="" method="get">
                    <div class="select-main">
                        <div class="select-arrow reverse"></div>
                        <div class="select-set s-set">设计作品</div>
                        <div class="select-block">
                            <ul class="select-list">
                                <li class="select-items active">设计作品</li>
                                <li class="select-items">服务方</li>
                            </ul>
                        </div>
                    </div>
                    <input class="search" type="text" name="keyword" placeholder="请输入搜索关键字" />
                    <button type="submit" class="submit"></button>
                </form>
            </div>
        </div>
    </div>
    <!--用户中心-->
    <div class="user-center">
        <div id="container-other" class="clearfix">
            <!--左侧选项卡-->
            <div class="user-option fl">
                <div class="user-info">
                    <div class="user-pro"><a href="require-info.html"><img src="../../img/user/user-pro.jpg"></a></div>
                    <div class="user-name"><a href="require-info.html">美的电器<img src="../../img/user/user-r.png"></a></div>
                    <div class="user-type">需求方</div>
                </div>
                <div class="select">
                    <div class="select-info selectli"><a href="require-info.html"><span class="imgbg"></span><span>资料</span><span class="arrow"></span></a></div>
                    <div class="select-message selectli active"><a href="require-message.html"><span class="imgbg"></span><span>消息</span><span class="arrow"></span></a></div>
                    <div class="select-demand selectli"><a href="require-demand.html"><span class="imgbg"></span><span>需求</span><span class="arrow"></span></a></div>
                    <div class="select-collect selectli"><a href="require-collect.html"><span class="imgbg"></span><span>收藏</span><span class="arrow"></span></a></div>
                </div>
            </div>
            <!--右侧内容显示区-->
            <div class="user-content fr">
                <!--2.消息-->
                <div class="content-message">
                    <div class="info-title">消息</div>
                    <div class="message-list">
                        <ul>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list1">
                                            <label class="check-text" for="list1"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list2">
                                            <label class="check-text" for="list2"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list3">
                                            <label class="check-text" for="list3"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list4">
                                            <label class="check-text" for="list4"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list5">
                                            <label class="check-text" for="list5"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list6">
                                            <label class="check-text" for="list6"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list7">
                                            <label class="check-text" for="list7"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list8">
                                            <label class="check-text" for="list8"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list9">
                                            <label class="check-text" for="list9"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                            <li>
                                <div class="messlist last-border">
                                    <div class="list-top clearfix">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="list10">
                                            <label class="check-text" for="list10"><span class="check"></span>需求已匹配</label>
                                        </div>
                                        <div class="list-time fr">2017-06-13 21:12:58</div>
                                    </div>
                                    <div class="list-bottom"><p>您参与的需求“2017061300008re - 【测试】]测试验证码”，平台已将您选为设计服务方，请在“我的需求”中查看详情</p></div>
                                </div>
                            </li>
                        </ul>
                        <!--列表行-->
                        <div class="line-handle clearfix">
                            <div class="read fl">
                                <div class="check-wrap">
                                    <input type="checkbox" name="" id="list-all">
                                    <label class="check-text" for="list-all"><span class="check"></span>全选</label>
                                </div>
                                <!--标为已读-->
                                <button class="m-read">标为已读</button>
                            </div>
                            <div class="pagelist-wrap fr">
                                <span class="page-num">共 100 条</span>
                                <select>
                                    <option>10条/页</option>
                                    <option>15条/页</option>
                                    <option>20条/页</option>
                                </select>
                                <div class="page-list">
                                    <button class="top-page disabled">上一页</button>
                                    <button class="active">1</button>
                                    <button>2</button>
                                    <button>3</button>
                                    <button>4</button>
                                    <button>5</button>
                                    <button>···</button>
                                    <button>50</button>
                                    <button class="bottom-page">上一页</button>
                                </div>
                                <div class="topage">
                                    <button>前往</button>
                                    <input type="text" value="" placeholder="50">
                                    <span>页</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div id="container" class="clearfix">
            <div class="about-list">
                <dl>
                    <dt>关于来设计</dt>
                    <dd><a href="../footer/aboutus.html">关于我们</a></dd>
                    <dd><a href="../footer/joinus.html">加入我们</a></dd>
                    <dd><a href="../footer/partner.html">合作伙伴</a></dd>
                    <dd><a href="../footer/service-contract.html">服务协议</a></dd>
                </dl>
            </div>
            <div class="help-list">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="../footer/matter.html">常见问题</a></dd>
                    <dd><a href="../footer/user-feedback.html">意见反馈</a></dd>
                    <dd><a href="../footer/website-map.html">网站地图</a></dd>
                </dl>
            </div>
            <div class="flink">
                <dl>
                    <dt>友情链接</dt>
                    <dd><a href="">北京工业设计公司</a></dd>
                    <dd><a href="">工业设计公司</a></dd>
                    <dd><a href="">打印虎</a></dd>
                    <dd><a href="">网家电</a></dd>
                    <dd><a href="">硬件开发外包</a></dd>
                </dl>
            </div>
            <div class="con-address fl">
                <div class="tel">
                    <p>服务热线  / 4009-309-997</p>
                    <span>09:00 - 18:00  [工作日]</span>
                </div>
                <p>佛山  / <span>广东省佛山市顺德区容桂镇冠天广场404-405室</span></p>
                <p>广州  / <span>广东省广州市天河区陶庄路5号五号空间创意园3楼3F012-13</span></p>
            </div>
            <div class="official">
                <div>
                    <div class="img-wrap"><img class="imgp" src="../../img/code.jpg"/></div>
                    <p>来设计服务号</p>
                </div>
            </div>
        </div>
        <div class="copynight">
            <div id="container">Copyright &copy; 2016-2018 来设计 laisj  版权所有 <a href="">粤ICP备16061052号</a></div>
        </div>
    </div>

    <!--自定义alert弹窗-->
    <div class="alert-view">
        <div class="left">x</div>
        <div class="right text">111</div>
    </div>

    <!--信息提示框    如：是否退出登录-->
    <div class="message-wrap">
        <div class="message-box">
            <div class="message-box-header">
                <div class="message-box-title">提示</div>
                <span class="mClose">X</span>
            </div>
            <div class="message-box-content	">是否退出登录?</div>
            <div class="message-box-btns">
                <button type="button" class="btn-default">取消</button>
                <button type="button" class="btn-primary">确定</button>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="../../js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript">
    //2.消息
    $('.content-message .m-read').click(function () {
        var $value = $('.content-message .read input:checked');
        if($value.length>0){
            $('.content-message li .check-wrap input').parent().addClass('checked');
        }
    })


    var input = $('#container-other input[type=checkbox]');
    input.change(function(){
         $(this).parent().toggleClass('checked');
    })

</script>
</body>
</html>